<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-28 21:33:39
-->
<template>
  <panel title="理财精选">
  	<section class="content">
  		<div class="item border-bottom" v-for="(item,index) of items" :key="index">
  			<img class="left" :src="item.src" alt="">
  			<div class="center">
	  			<p class="title">{{item.title}}</p>
	  			<p class="dsc">{{item.dsc}}</p>
  			</div>
  			<div class="right">
  				去赚钱<nut-icon type="right" size="12px" color="#FF801A"></nut-icon>
  			</div>
  		</div>
  	</section>
  </panel>
</template>

<script>
import panel from '../../../components/panel.vue'
export default {
  name: 'finance',
  data(){
	  return{
	  	items:[{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t3670/58/543125556/2606/a65096b9/580d80afN63b1085a.png?width=76&height=76',
	  		title:'月度理财',
	  		dsc:'预期年化收益率4.50%'
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t3679/44/511862277/2728/c1c6b2bf/580d8189N6b6f8052.png?width=76&height=76',
	  		title:'季度理财',
	  		dsc:'历史年化回报率5.50%'
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t3331/69/580199498/3074/d5bb21c5/580d7f6cN7f35e596.png?width=76&height=76',
	  		title:'一年理财',
	  		dsc:'历史年化回报率5.80%'
	  	}]
	  }
  },
  props:{
  
  },
  components:{
  	panel
  },
  created(){

  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/stylus/mixins.styl'
.content
	width:100%
	overflow:hidden
	padding:10px 20px
	box-sizing:border-box
	list(flex,column)
	.item
		width:100%
		overflow:hidden
		padding:10px 0
		box-sizing:border-box
		list(flex,row)
		&:last-child::before
			border:none
		.left
			width:50px
			height:50px
		.center
			flex:1
			padding:0 10px
			list(flex,column)
			justify-content:center
			align-items:flex-start
			p
				color:#ff3232
				&:first-child
					font-size:18px
					color:#333
					margin-bottom:5px
		.right
			font-size:16px
			color:#FF801A
			list(flex,row)
			justify-content:center
			align-items:center
	

</style>


